<%@page pageEncoding="UTF-8" %>
<%@ page contentType="text/html; charset=UTF-8"%>
<%@taglib prefix="mtw" uri="http://www.mentaframework.org/tags-mtw/"%>

<!DOCTYPE HTML>
<html>

<link type ="text/css" rel="stylesheet" href="/AutoERP/css/bootstrap.css"/>

<link rel="stylesheet" href="/AutoERP/RGraph/demos/demos.css" type="text/css" media="screen" />

        <!-- HEADER -->
		
        <header class="container-fluid">

            <div class="row-fluid">

                <div class="span12">

                    <div class="navbar">

                        <div class="navbar-inner">

                            <div class="container">
								<h2><img src="/AutoERP/img/Logo.png" alt=""></h2>


                            </div>

                        </div>

                    </div>

                </div>

            </div>


        <!-- / HEADER -->


	
	
	
	
	
	
	
	
	<script src="/AutoERP/jquery/jquery-1.9.1.min.js"></script>
	
	
	<!-- LIBRARIES Rgrap Quantidade de Combustivel  /AutoERP/RGraph-->
	<script src="/AutoERP/RGraph/libraries/RGraph.common.core.js" ></script>
    <script src="/AutoERP/RGraph/libraries/RGraph.common.dynamic.js" ></script>
    <script src="/AutoERP/RGraph/libraries/RGraph.common.effects.js" ></script>
    <script src="/AutoERP/RGraph/libraries/RGraph.fuel.js" ></script>
    
    <!-- SCRIPT Rgraph Quantidade de Combustivel -->
    <script>
        window.onload = function ()
        {
            var fuel = new RGraph.Fuel('combustivel', 0, 100,mtw.util.getValue("nu_qtd_combustivel"))
                .Set('scale.visible', false)
                .Set('colors', ['Gradient(white:blue)'])
                .Set('needle.color', 'blue')
                .Set('units.post', '%')
                .Draw();
            
            fuel.canvas.onclick = function (e)
            {
                var obj   = e.target.__object__;
                var value = obj.getValue(e);
                var nu_qtd_combustivel = document.getElementById("nu_qtd_combustivel");
                
                nu_qtd_combustivel.value = value;
                
                obj.value = value;
                RGraph.Effects.Fuel.Grow(obj);
            }
        }
    </script>
    
</header>

<body>
	




<div class="navbar ">
	<div class="navbar-inner">
		<div class="container-fluid">
			<a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
				<span class="icon-bar"></span>
				<span class="icon-bar"></span>
				<span class="icon-bar"></span>
			</a>
			<a class="brand" href="#" name="top">Enterprise</a>
			<div class="nav-collapse collapse">
				<ul class="nav">
					<li><a href="#"><i class="icon-home icon-black"></i> Home</a></li>
					<li class="divider-vertical"></li>
					
					<li><a href="#"><i class="icon-lock icon-black"></i> Administrador</a></li>
					<li class="divider-vertical"></li>
					
					<li><a href="#"><i class="icon-user icon-black"></i> Funcionário</a></li>
					<li class="divider-vertical"></li>
					
					<li class="divider-vertical"><a href="<mtw:contextPath/>/Cliente.listar.mtw"><i class="icon-user icon-black"></i> Cliente</a></li>
					<li class="divider-vertical"></li>
					<li class="active"><a href="#"><i class="icon-wrench icon-black"></i> Carro</a></li>
					<li class="divider-vertical"></li>
					<li class="divider-vertical"><a href="#"><i class="icon-ok icon-black"></i> Serviço</a></li>
					<li class="divider-vertical"></li>
                  	<li><a href="#"><i class="icon-envelope icon-black"></i> Mensagens</a></li>
					<li class="divider-vertical"></li>
					<li><a href="#"><i class="icon-lock icon-black"></i> Permissions</a></li>
					<li class="divider-vertical"></li>
				</ul>
				<div class="btn-group pull-right">
					<!--<a class="btn dropdown-toggle" data-toggle="dropdown" href="#">
						<i class="icon-user"></i> admin	<span class="caret"></span>
					</a>-->
					<!--<ul class="dropdown-menu">
						<li><a href="#"><i class="icon-wrench"></i> Settings</a></li>
						<li class="divider"></li>
						<li><a href="#"><i class="icon-share"></i> Logout</a></li>
					</ul>-->
				</div>
			</div>
			<!--/.nav-collapse -->
		</div>
		<!--/.container-fluid -->
	</div>
	<!--/.navbar-inner -->
</div>

<div  style=margin-left:30px>
	<div id="legend">
		<legend >Cliente</legend>
	</div>


<div class="well">
    <table class="table table-striped">
      <thead>
        <tr>
          <th>Código</th>
          <th>Nome</th>
          <th>Celular</th>
		  <th>RG</th>
          <th>Orgão Exp.</th>
		  <th>CPF</th>
          <th style="width: 36px;"></th>
        </tr>
      </thead>
      <tbody>
        <tr>
          <td><mtw:out value="id_cliente"></mtw:out></td>
          <td><mtw:out value="de_nome"></mtw:out></td>
          <td><mtw:out value="nu_tel_celular"></mtw:out></td>
		  <td><mtw:out value="nu_rg"></mtw:out></td>
		  <td><mtw:out value="de_orgao_expeditor"></mtw:out></td>
		  <td><mtw:out value="nu_cpf"></mtw:out></td>
          
        </tr>
      </tbody>
    </table>
</div>

	


	<div  >
	<div id="legend">
		<legend class="">Inserir Carro</legend>
	</div>

	<form action="<mtw:contextPath/>/Carro.adicionar.mtw" method="post" class="well span6">
		<fieldset>
			<div class="control-group">
			
			<input type="hidden" name="id_cliente_fk" id="id_cliente_fk" value="<mtw:out value="id_cliente"/>">
			
				<label for="de_placa" class="control-label">Placa:</label>
				<div class="controls">
					 <input id="de_placa" name="de_placa" type="text" maxlength="7" placeholder ="Escreva a placa..." title="Campo Obrigatório" required/>
				</div>
			</div>
			<div class="control-group">
				<label for="de_modelo" class="control-label">Modelo:</label>
				<div class="controls">
					<div class="row-fluid">
						<div class="span3">
							<input id="de_modelo" name="de_modelo" type="text" class="input-medium"-block-level"  maxlength="10"  placeholder ="Escreva o Modelo..." title="Campo Obrigatório" required>
						</div>
						<div class="span8">
							<!-- screenshot may be here -->
						</div>
					</div>
				</div>
			</div>		
		
			<label for="de_marca">Marca:</label>		
			<input id="de_marca" name="de_marca" type="text" maxlength="10" class ="span3" placeholder ="Escreva a Marca..." />
			
			<label for="de_cor">Cor:</label>		
			<input id="de_cor" name="de_cor" type="text" maxlength="15" class ="span3" placeholder ="Escreva a Cor..." />
			
			<label for="dt_ano">Ano:</label>		
			<input id="dt_ano" name="dt_ano" type="text" maxlength="9"  class ="span3" placeholder ="Escreva o Ano..." /></br>
			  <!-- / HEADER 
			<label for="combustivel">Quantidade de Combustível:</label>	
			<canvas  id="combustivel"  width="200" height="160">[No canvas support]</canvas>	
			<input type="hidden" name="nu_qtd_combustivel" id="nu_qtd_combustivel" value="<mtw:out value="nu_qtd_combustivel"/>">
			-->
			</br> 
			
			<div class="control-group">
			
			
			  <label class="control-label" for="de_observacao">Observação: </label>
			  <div class="controls">
				<div class="input-prepend">
				  
				  <textarea rows="4" cols="10" name="de_observacao" id="de_observacao" class="span4" placeholder ="Escreva a observação .."  ></textarea>
				</div>
			  </div>
			</div>
			
			
			

			<button class ="btn btn-primary">Cadastrar</button>
			<button class ="btn">Limpar</button>
		</fieldset>
		</br>
	</br>
	<div class="nav-collapse collapse">
				<ul class="nav">
					<li><a href="#">Copyright (c) Brazil  Contact admin@enterprise.com</a>
					</li>
				</ul>
	</form>
	
	</div>
	</div>
<script src="/AutoERP/js/bootstrap.js"></script>
</body>

</html>